<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="common.css" />
<style type="text/css">
.body{ background:url(background.jpg)}
.li1{ float:left;}
.p1{ font-size:56px; color:#3c3b3b; margin-left:293px; font-weight:bold; margin-top:200px; line-height:56px;    margin-bottom: 25px;}
.p2{ font-size:36px; color:#000; margin-left:123px;  margin-top:20px; line-height:36px;}
.text1{ height:36px; width:260px; margin-top: 20px; border-top:1px solid #333}
.text2{ height:36px; width:180px; margin-top: 20px; border-top:1px solid #333}
.button{ width:180px; height:50px; background:url(bbb.jpg); color:#fff; border:none; margin-top:35px; font-size:30px; background-repeat:repeat-x}
.li2{ width:280px; float:left}
</style>
</head>

<body class="body">
<p class="p1">用户登录</p>
<li class="li1">  
    <p class="p2">身份证号：</p>
    <p class="p2">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</p>
    <p class="p2">验&nbsp;&nbsp;证&nbsp;&nbsp;码：</p>
</li>
<li class="li2">
	<input type="text" class="text1" />
    <input type="text" class="text1" />
    <input type="text" class="text2" />
    <img src="yan.jpg" width="75" height="36" />
    <input type="button" class="button"  value="登录"/>
</li>
</body>
</html>
